import React from 'react';
import { ResponsiveGrid } from '@alifd/next';
import LoginBlock from './components/LoginBlock';
import styles from './components/LoginBlock.module.scss';
import { t } from '@lingui/macro';

const { Cell } = ResponsiveGrid;

const Login = () => {
  return (
    <ResponsiveGrid >
      <Cell colSpan={12} className={styles.LoginBlock}>
        <div className="sloganContainer">
          <div style={{ fontSize: 70, marginBottom: 20 }}>{t`三地通跨境出行`}</div>
          <div style={{ fontSize: 50 }}>{t`管理控制台`}</div>
        </div>
        <LoginBlock />
      </Cell>
    </ResponsiveGrid>
  );
};

export default Login;
